@charset "utf-8";
/* 容器*/
.uploadMore-container{display:flex;flex-wrap:wrap;gap:10px;}
/* 成员*/
.uploadMore-item{position:relative;width:120px;height:120px;border:1px solid gray;text-align:center;line-height:80px;padding:4px;border-radius:4px;}
/* 图片展示*/
.uploadMore-img-preview{width:100%;height:100%}
.uploadMore-img-preview img{max-width:100%;max-height:100%}
/*拖拽排序按钮*/
.uploadMore-drag{background:rgba(236, 221, 221, 0.5);border-bottom-left-radius:4px;cursor:pointer;position:absolute;z-index:2;right:0;top:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}
/*************************** 上传按钮 start ***************************/
/* 上传按钮*/
.uploadMore-uploadBtn{position:relative;width:120px;height:120px;text-align:center;line-height:80px;padding:4px;border-radius:4px;border:1px dashed #d9d9d9;}
/* 上传按钮-文件数量*/
.uploadMore-uploadBtn .uploadMore-fileNum{background:rgba(239, 235, 235, 0.5);border-bottom-left-radius:4px;position:absolute;z-index:2;right:0;top:0;height:30px;display:flex;align-items:center;justify-content:center;line-height:normal;user-select:none;-webkit-user-select:none;cursor:pointer;}
/* 上传按钮-上传图标*/
.uploadMore-uploadBtn .uploadMore-icon-box{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;background-color:#fafafa;cursor:pointer;}
/*************************** 上传按钮 end ***************************/
/*************************** 操作按钮模版 start ***************************/
/*操作按钮模版*/
.uploadMore-operation{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.4);font-size:30px;opacity:0;transition:all 0.2s ease 0s;}
/*操作按钮容器*/.uploadMore-operation-box{width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:bold;flex-wrap:wrap;flex-direction:column;}
/*************************** 操作按钮模版 start ***************************/
/*************************** 进度条 start ***************************/
.uploadMore-progress{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.uploadMore-progress-box{z-index:3;width:100%;height:100%;color:#fff;}
/*************************** 进度条 end ***************************/
/*************************** 进度条 start ***************************/
.uploadMore-message{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);}
.uploadMore-message-box{z-index:4;width:100%;height:100%;color:#fff;}
.uploadMore-message-content{height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:row-reverse;align-content:center;}
/*************************** 进度条 end ***************************/
/************************* 错误消息 ***************************************/
.uploadMore-message-content span{line-height:36px;display:inline-flex;flex-direction:row;flex-wrap:wrap;align-content:space-around;justify-content:flex-start;align-items:center;cursor:pointer;}
.uploadMore-message-content span:hover{color:#2c2cc6;font-weight:bold;}
.uploadMore-message-content .uploadMore-operation-action-delete:hover{color:red;}